<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登陆</title>
		<link rel="stylesheet" type="text/css" href="css/denglu.css"/>
		<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/pakageCookie.js"></script>
		<script type="text/javascript" src="js/zhuce.js"></script>
	</head>
	<body>
		
		
<!--top-->
		<div id="top">
			<div class="top1">
				<div class="top1_zuo">
					<ul>
						<a href=""><li>hi,welcome to Kouclo</li></a>
						<a href=""><li>请登录</li></a>
						<a href="zhuce.html"><li>免费注册</li></a>
					</ul>
				</div>
				
				<div class="top1_you">
					<ul>
						<a href="shouye.html"><li><img src="images/f1.png"/></li><li>抠抠首页</li></a>
						<a href=""><li>我的抠抠 ></li></a>
						<a href=""><li>我的订单</li></a>
						<a href=""><li>收藏夹 ></li></a>
						<a href=""><li>APP</li></a>
						<a href=""><li>帮助中心</li></a>
					</ul>
				</div>
			</div>
		</div>
		
<!--logo-->
	<div id="logo">
		<div class="logo">
			<div class="logo_zuo">
				<img src="images/logo1.png"/>
			</div>
			<div class="logo_you">
				<p><img src="images/d1.png"/>400—8859—000</p>
			</div>
		</div>
	</div>
<!--banner-->
	<div id="banner">
		<div class="banner">
			<div class="banner1">
				<div class="banner1_shang">
					<p>用户登录</p>
				</div>
				<div class="client_list">
						<div id="first">
                           <span>账号</span> <input type="text" id="register_name" name='register_name' placeholder="请输入用户名">
                        </div>  
                            <div class="tip">
                                <p class="begin">手机号用于登陆和找回密码，请正确填写</p>
                                <p class="error1">该手机号已经被使用！</p>
                                <p class="error2">用户名不能为纯数字，请确认输入的手机号</p>
                                <p class="error4">请输入手机号</p>
                            </div>
               
                        </div>
<div class="client_list" id="all">
                        	<div id="second">
                            	<span>密码</span><input type="password" id="psw" placeholder="请输入密码" maxlength="16">
                        	</div>
                            <div class="tip">
                                <p class="begin">6-16个字符，可使用字母、数字、符号任意组合</p>
                                <p class="error1">密码不能为空</p>
                                <p class="error2">长度为6-16个字符，请确认！</p>
                            </div>
                        </div>
                        
                        <div class="btn">
                   			<a href="shouye.html"><input type="button" name="btn" id="btn1" value="登陆" /></a>
                		</div>
                		
                		   
               <div class="banner1_xia">
               		<ul>
               			<p>还不是抠抠网会员？</p>
               			<a href="zhuce.html"><li>免费注册</li></a>
               		</ul>
               </div>
  	
                </div> 
              
			</div>
		</div>
	</div>

<!--tu-->
	<div id="tu">
		<div class="tu">
			<ul>
				<img src="images/tu.jpg"/>
			</ul>
		</div>
	</div>

<!--bottom-->
	<div id="bottom">
		<div class="bottom">
			<div class="bottom1">
				<ul class="u1">
					<h3>关于抠抠</h3>
					<a href="#"><li>关于抠抠</li></a>
					<a href="#"><li>商家入驻</li></a>
					<a href="#"><li>商家入口</li></a>
					<a href="#"><li>加入我们</li></a>
					<a href="#"><li>联系我们</li></a>
					<a href="#"><li>友情链接</li></a>
				</ul>
				
				<ul class="u2">
					<h3>新手指南</h3>
					<a href="#"><li>用户注册</li></a>
					<a href="#"><li>用户注册协议</li></a>
					<a href="#"><li>购物流程</li></a>
				</ul>
				
				<ul class="u3">
					<h3>维权中心</h3>
					<a href="#"><li>客服中心</li></a>
					<a href="#"><li>找回密码</li></a>
				</ul>
				
				<ul class="u4">
					<h3>支付方式</h3>
					<a href="#"><li>在线支付</li></a>
					<a href="#"><li>货到付款</li></a>
					<a href="#"><li>扣扣支付开通流程</li></a>
				</ul>
				
				<ul class="u5">
					<h3>售后服务</h3>
					<a href="#"><li>退款政策</li></a>
					<a href="#"><li>退货流程</li></a>
					<a href="#"><li>退款说明</li></a>
				</ul>
				
				<ul class="u6">
					<h3>配送说明</h3>
					<a href="#"><li>发货规定</li></a>
					<a href="#"><li>配送与收货范围</li></a>
					<a href="#"><li>配送范围和时间</li></a>
					<a href="#"><li>配送进度查询</li></a>
				</ul>
			</div>
			
			<div class="bottom2">
				<ul>
					<li><img src="images/by.jpg"/></li>
				</ul>
			</div>
		</div>
	</div>









































	</body>
</html>
 
